<template>
  <view class="content">
    <view class="content-item">
      <uv-form :model="form" label-width="60px">
        <uv-form-item label="用户名" prop="name">
          <uv-input v-model="form.name" placeholder="请输入用户名"></uv-input>
        </uv-form-item>
        <uv-form-item label="密码" prop="age">
          <uv-input v-model="form.pwd" placeholder="请输入密码" password></uv-input>
        </uv-form-item>
      </uv-form>
      <uv-text text="无账号，去注册?"
               @click="jumpFn"
               style="display: flex;
               justify-content: flex-end; margin-top: 10px"></uv-text>
      <uv-button text="登录" type="primary" style="margin-top: 15px"></uv-button>
    </view>
  </view>
</template>

<script setup>
import { ref } from "vue"
const form = ref({
  name: "",
  pwd: ""
})
const jumpFn = () => {
  console.log("跳转")
  uni.navigateTo({
    url: "/pages/register/register"
  })
}
</script>

<style lang="scss" scoped>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
  height: 100vh;
  .content-item{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
</style>
